<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>学习中心</title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/front/mobile/v3/wmui/0.6.2/css/wm-extend.min.css?v={v}(path=${staticPath},v=${v})}">
    <!--初始公共加载过渡动画-->
    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/page-loading.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
</head>
<body>
<header class="bar bar-nav bar-nav-learning">
    <a class="button button-link button-nav pull-left goBack" onclick="goBack();">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h1 class='title'>学习中心</h1>
</header>
<!--主体区域 开始-->
<div class="content wm-content">
    <div class="learning-top__wrap">
        <div class="facebook-card">
            <div class="clearfix">
                <aside class="pull-right mt5">
                    <a href="/mobile/uc/classSchedule" class="pr">
                        <span class="learning-badge-spot badge wm-badge"></span>
                        <button class="button button-inline button-round button-danger again-test learning-schedule-btn" style="border-color: #bbb !important;">直播课程表</button>
                    </a>
                </aside>
                <div class="facebook-avatar pr mr5">
                    <img class="wm-img list-block-userface" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg?v={v}(path=${staticPath},v=${v})}" width="48" height="48"/>
                </div>
                <div class="facebook-name">
                    <span class="lear-ranking-num leaRanking-one vam"></span>
                    <span class="c-333 vam">夜萧</span>
                </div>
                <div class="ellipsis">
                    <a href="/mobile/uc/learnRankingList">
                        <span class="c-bbb fs4">全部学习榜 </span>
                        <span class="c-bbb fs4"><em class="icon icon-right"></em></span>
                    </a>
                </div>
            </div>
        </div>
        <div class="mt5 pt5">
            <section>
                <strong class="fs6 c-666 vam">累计学习 </strong>
                <strong class="fs8 c-red vam">8</strong>
                <strong class="fs6 c-666 vam"> 分钟</strong>
            </section>
            <section>
                <div class="learningCenter-cont__wrap">
                    <div class="swiper-container swiper-container-tuanCourse swiper-container-horizontal">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap ">
                                    <ul class="list-container wm-course-list">
                                        <li>
                                            <strong class="fs8">12</strong>
                                            <span class="fs4 c-ccc"> 分钟</span>
                                            <br>
                                            <span class="fs4 c-333">今日学习</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap ">
                                    <ul class="list-container wm-course-list">
                                        <li>
                                            <strong class="fs8">2</strong>
                                            <span class="fs4 c-ccc"> 天</span>
                                            <br>
                                            <span class="fs4 c-333">连续学习</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap ">
                                    <ul class="list-container wm-course-list">
                                        <li>
                                            <strong class="fs8">3</strong>
                                            <span class="fs4 c-ccc"> 节</span>
                                            <br>
                                            <span class="fs4 c-333">完成课程</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap ">
                                    <ul class="list-container wm-course-list">
                                        <li>
                                            <strong class="fs8">5</strong>
                                            <span class="fs4 c-ccc"> 场</span>
                                            <br>
                                            <span class="fs4 c-333">参加直播</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap ">
                                    <ul class="list-container wm-course-list">
                                        <li>
                                            <strong class="fs8">2</strong>
                                            <span class="fs4 c-ccc"> 套</span>
                                            <br>
                                            <span class="fs4 c-333">完成试卷</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="list-block media-list wm-course-list__wrap ">
                                    <ul class="list-container wm-course-list">
                                        <li>
                                            <strong class="fs8">26</strong>
                                            <span class="fs4 c-ccc"> 天</span>
                                            <br>
                                            <span class="fs4 c-333">总签到数</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <article class="ml5 mr5">
        <section>
            <span class="fs6 vam">| </span>
            <span class="fs8 vam"> 正在学</span>
        </section>
        <div class="learningCenter-history-list pr">
            <div class="wm-buttons-tab__wrap">
                <div class="buttons-tab wm-buttons-tab">
                    <a href="#tab1" class="tab-link button active">全部</a>
                    <a href="#tab2" class="tab-link button">录播</a>
                    <a href="#tab3" class="tab-link button">直播</a>
                    <a href="#tab4" class="tab-link button">套餐</a>
                    <a href="#tab5" class="tab-link button">专栏</a>
                </div>
            </div>
            <div class="tabs">
                <div id="tab1" class="tab active">
                    <section class="no-data__wrap no-account-data__wrap">
                        <em>&nbsp;</em>
                        <p>亲，还没有正在学的哦~~~</p>
                    </section>
                </div>
                <div id="tab2" class="tab">
                    222qadf
                </div>
                <div id="tab3" class="tab">
                    333qadf
                </div>
                <div id="tab4" class="tab">
                    444qadf
                </div>
                <div id="tab5" class="tab">
                    555qadf
                </div>
            </div>
        </div>
    </article>
</div>

<!--主体区域 结束-->
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src='@{{path}/front/mobile/libs/swiper/swiper.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
<script type="text/javascript" th:src='@{{path}/front/mobile/business/user/center/learning/learningCenter.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
</body>
</html>